<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="bootstrap.min.css">
</head>
<body>
	<!-- 基本表单 -->
	<form role="form">
	<!-- 全表单禁用，可在form标签下使用fieldset disabled -->
	<fieldset>
		<input type="text" class="form-control">
		<textarea class="form-control" rows="5">hello</textarea>

	<!-- 复选框 -->
	<div class="checkbox">
		<label>
			<input type="checkbox" value="">
			篮球
		</label>
	</div>
	<div>
		<label>
			<input type="checkbox" value="">
			柔道
		</label>
	</div>

	<!-- 单选按钮 -->
	<div class="radio">
		<label>
			<input name="optionsRadios" type="radio" checked>
			男
		</label>
	</div>
	<div class="radio">
		<label>
			<input name="optionsRadios" type="radio" checked>
			女
		</label>
	</div>

	<!-- 下拉列表 如果需要下拉内容全部显示在表单中，可以在select里添加multiple -->
	<select multiple class="form-control">
		<option>1</option>
		<option>2</option>
		<option>3</option>
		<option>4</option>
	</select>

	<!-- 静态文本 -->
	<p class="form-control-static">请按照我的格式输入: hello@163.com</p>

	<!-- input禁用 -->
	<input type="text" class="form-control" placeholder="hello" disabled>

	<!-- 只读输入框 -->
	<input type="text" class="form-control" readonly>
</fieldset>
	</form>

	<form role="form">
		<!-- 宽度的控制使用栅格系统来指定 -->
		<div class="form-group has-warning col-xs-5">
			<label>用户名</label>
			<input type="text" class="form-control">
		</div>
				<div class="form-group has-success">
			<label>用户名</label>
			<input type="text" class="form-control">
		</div>
				<div class="form-group has-error">
			<label>用户名</label>
			<input type="text" class="form-control">
		</div>
	</form>




</body>
</html>